<template>
  <div class="base-info">
    <div><b>姓名：</b>{{ patient.name }}</div>
    <div><b>性别：</b>{{ patient.gender }}</div>
    <div><b>年龄：</b>{{ patient.age }}</div>
    <div><b>手机号：</b>{{ patient.phone }}</div>
    <div><b>身份证号：</b>{{ patient.idCard }}</div>
    <div><b>地址：</b>{{ patient.address }}</div>
  </div>
</template>
<script setup lang="ts">
import { defineProps } from 'vue'
const props = defineProps({ patient: { type: Object, required: true } })
</script>
<style scoped>
.base-info {
  display: flex;
  gap: 32px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}
.base-info > div {
  min-width: 180px;
  font-size: 16px;
  color: #333;
}
</style> 